<script setup lang="ts">
import icp from '@/assets/images/icp.png'

defineOptions({
  name: 'MainFooter',
})

const COPYRIGHT = 'Copyright © 2025 zyhcc'
const ICP = '蜀ICP备2024057565号'
</script>

<template>
  <div class="main-footer-component c-center">
    <div class="footer-item">
      {{ COPYRIGHT }}
    </div>
    <div class="line">|</div>
    <div class="footer-item" style="font-size: 12px">
      <img :src="icp" alt="icp" width="14" height="14" />
      {{ ICP }}
    </div>
  </div>
</template>

<style scoped lang="scss">
.main-footer-component {
  width: 100%;
  height: 40px;
  font-size: 14px;
  border-top: 1px solid var(--lineColor);
  background-color: var(--backColor-simple);

  .footer-item {
    font-size: 14px;
    width: fit-content;
    height: inherit;
    display: flex;
    align-items: center;
    padding: 0 6px;
    gap: 6px;
    user-select: none;
    color: var(--textGrayColor);
  }

  .line {
    margin: 0 8px;
    color: var(--lineColor);
    user-select: none;
    width: 1px;
    height: 5px;
    display: flex;
    align-items: center;
  }
}
</style>
